<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <title th:text="${route.routeResourceCity}+'到'+${route.routeDestinationCity}+'物流专线'"></title>
    <!-- Bootstrap core CSS -->
    <link href="../bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<nav th:replace="~{front/log/log_topbar::top}"></nav>
<div class="container" style="margin-top: 80px">
    <div>
        <div style="text-align: center">
            <img style="width: 1140px" src="../images/material_detail_front.png">
        </div>
        <span style="width: 3px;height: 20px;background: #fa5000;display: block;float: left;margin: 15px 0 0 0;"></span>&nbsp;&nbsp;
        <span th:text="${route.routeResourceCity}+'到'+${route.routeDestinationCity}+'物流专线'" style="font-size:20px;color: #fa5000; font-family: 'Hiragino Sans GB', 'Microsoft Yahei UI', 'Microsoft Yahei', 微软雅黑, 'Segoe UI', Tahoma, 宋体b8b体, SimSun, sans-serif;display:inline-block;margin-top: 11px;"></span>
        <div style="margin-top: 5px;margin-bottom: 25px; background-color: #fa5000;width: 1140px;height: 1px;"></div>
        <div>
            <div style="font-weight: bold;font-size: 22px;color: #fa5000;text-align: center">
                <span th:text="${route.routeResourceProvince}+'-'+${route.routeResourceCity}+'-'+${route.routeResourceCountry}"></span>
                <img src="../images/oneArrow.png">
                <span th:text="${route.routeDestinationProvince}+'-'+${route.routeDestinationCity}+'-'+${route.routeDestinationCountry}"></span>
            </div>
            <div style="color: #333;text-align: center;font-size: 14px;margin-top: 10px">
                <span>
                    <i style="font-style: normal; color: #999999">发布时间: </i>
                    <span th:text="${route.updateTime}"></span>
                </span>&nbsp;&nbsp;
                <span>
                    <i style="font-style: normal; color: #999999">发布公司: </i>
                    <span th:text="${route.routeCompany}"></span>
                </span>
            </div>
            <div style="margin-top: 5px;margin-bottom: 25px; background-color: #f3f3f3;width: 1140px;height: 1px;"></div>
            <div class="row">
                <div class="col-md-5">
                    <table class="table table-bordered">
                        <tr>
                            <td style="background: #f3f3f3">出发地</td>
                            <td><span th:text="${route.routeResourceProvince}+'-'+${route.routeResourceCity}+'-'+${route.routeResourceCountry}"></span></td>
                        </tr>
                        <tr>
                            <td style="background: #f3f3f3">联系人</td>
                            <td><span th:text="${route.routeResourcePerson}"></span></td>
                        </tr>
                        <tr>
                            <td style="background: #f3f3f3">电话</td>
                            <td><span th:text="${route.routeResourcePersonPhone}"></span></td>
                        </tr>
                        <tr>
                            <td style="background: #f3f3f3">地址</td>
                            <td><span th:text="${route.routeResourceAddress}"></span></td>
                        </tr>
                    </table>
                </div>
                <div class="col-md-1" style="display: table-cell; text-align: center ;vertical-align: center;margin-top: 70px;">
                    <img style="width: 60px" src="../images/oneArrow.png">
                </div>
                <div class="col-md-5">
                    <table class="table table-bordered">
                        <tr>
                            <td style="background: #f3f3f3">到达地</td>
                            <td><span th:text="${route.routeDestinationProvince}+'-'+${route.routeDestinationCity}+'-'+${route.routeDestinationCountry}"></span></td>
                        </tr>
                        <tr>
                            <td style="background: #f3f3f3">联系人</td>
                            <td><span th:text="${route.routeDestinationPerson}"></span></td>
                        </tr>
                        <tr>
                            <td style="background: #f3f3f3">电话</td>
                            <td><span th:text="${route.routeDestinationPersonPhone}"></span></td>
                        </tr>
                        <tr>
                            <td style="background: #f3f3f3">地址</td>
                            <td><span th:text="${route.routeDestinationAddress}"></span></td>
                        </tr>
                    </table>
                </div>

            </div>
            <div style="width: 1042px">
                <table class="table table-bordered" style="text-align: center">
                    <thead>
                        <tr>
                            <td style="background: #f3f3f3">重货价格 </td>
                            <td style="background: #f3f3f3">轻货价格 </td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><span style="color: #fa5000" th:text="${route.routePriceHeavy}"></span></td>
                            <td><span style="color: #fa5000" th:text="${route.routePriceLight}"></span></td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div style="width: 1042px">
                <span style="text-align: left">注：此价格仅供参考，请根据实际货物情况，以物流承运商报价或运输协议中的报价为准！</span>
                <span style="text-align: center"><a th:href="@{'/order_send_before?routeId='+${route.routeId}}" target="_blank"><button style="background:#fa5000; border-radius: 0;" type="submit" class="btn btn-warning">立即发货</button></a></span>
            </div>
        </div>
        <div>
            <span style="width: 3px;height: 20px;background: #fa5000;display: block;float: left;margin: 15px 0 0 0;"></span>&nbsp;&nbsp;
            <span style="font-size:20px;color: #fa5000; font-family: 'Hiragino Sans GB', 'Microsoft Yahei UI', 'Microsoft Yahei', 微软雅黑, 'Segoe UI', Tahoma, 宋体b8b体, SimSun, sans-serif;display:inline-block;margin-top: 11px;">发布公司信息</span>
            <div style="margin-top: 5px;margin-bottom: 25px; background-color: #fa5000;width: 1140px;height: 1px;"></div>
            <ul class="list-group">
                <li class="list-group-item" style="width: 160px">发布公司简介</li>
                <li class="list-group-item" th:text="${routeCom}"></li>
            </ul>
        </div>
    </div>
</div>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="../jquery-3.3.1.js"></script>
<script src="../bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script>
    $(function () {
        $("#p1").removeClass("active");
        $("#p2").addClass("active");
        $("#p3").removeClass("active");
        $("#p4").removeClass("#active");
    })
</script>

</body>
</html>